<!<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>签到</title>
    <link rel="stylesheet" type="text/css" media="screen" href="css/mui.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/jquery-ui.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/datepicker.css" />
    <script type="text/javascript" src="js/flexible.js"></script>
    <script type="text/javascript" src="js/mui.js"></script>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.ui.datepicker-zh-CN.js"></script>
    <script type="text/javascript" src="js/jquery.ui.js"></script>
    <script>
        $(function(){
            $( ".datepicker" ).datepicker({
                    language:  'zh-CN',
                    inline: true,
                    showOtherMonths: true,
                    onSelect:function(date){
                        console.log(date)//获取当前选择的时间
                        $('.header-right-txt label').text(date)
                    }
            });
        })
    </script>
</head>
<body>

        <div class="back-header">
            <div class="header-img"><i class="mui-icon mui-icon-arrowleft"></i></div>
            <div class="header-left-txt">签到</div>
            <div class="header-right-txt"><span>7月</span><label>2018-07-26</label></div>
    </div>
    <div class="datepicker ll-skin-nigran"></div>
    <div class="qiandao-row"><button type="button" class="mui-btn mui-btn-primary liabtn" disabled>今日已签到</button><button type="button" class="mui-btn mui-btn-primary liabtn">签退</button></div>
    <div class="qiandao-row">北纬：2323232323　东经：3232323232323<br />中国北京市北京市北京市昌平区龙锦二街29-21号</div>
    <div class="qiandao-row">当前小蓝点不知道是啥意思</div>
</body>
</html>